<!DOCTYPE html>
<?php
// Original file: www/modules/system/html.tpl.php
?>
<html xmlns="http://www.w3.org/1999/xhtml"
		lang="<?php print $language->language; ?>"
		xml:lang="<?php print $language->language; ?>"
		version="XHTML+RDFa 1.0"
		dir="<?php print $language->dir; ?>"
		<?php print $rdf_namespaces; ?>>

<head profile="<?php print $grddl_profile; ?>">
	<?php print $head; ?>
	<title><?php print $head_title; ?></title>

	<!-- Disable text auto-scalling on Chrome (android devices) -->
	<!-- http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html -->
	<!--
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, target-densitydpi=device-dpi" />
			width=device-width           => Viewport width = Device width (which is what we want) - This is ignored by Firefox (why?!?!)
				Illustration of the problem: http://www.quirksmode.org/blog/archives/2014/01/widthdevicewidt.html
			user-scalable=no             => The user can NOT zoom in / out (we don't want that)
			initial-scale=1.0            => Zoom in (we don't want that)
			initial-scale=0.5            => No zoom (that's what we want) but text is scalled on Chrome (we don't want that)
			target-densitydpi=device-dpi => Ignored by Android browsers (as long as I can tell)
		The only solution is to provide a 100% page width design, for mobile device ONLY.
	-->
	<meta name="viewport" content="width=device-width, user-scalable=yes" />

	<?php print $styles; ?>
	<?php print $scripts; ?>
</head>
<body class="<?php print $classes ?>" <?php print $attributes;?>>
	<div id="skip-link">
		<a href="#main-content" class="element-invisible element-focusable"><?php print t('Skip to main content'); ?></a>
	</div>
	<?php print $page_top; ?>
	<?php print $page; ?>
	<?php print $page_bottom; ?>
</body>
</html>
